@import url(https://fonts.googleapis.com/css?family=Noto+Sans+SC:200,300,400,500,600);
:root {
  --normal: rgb(40, 40, 40);
  --primary: rgb(195, 13, 35);
  --gray: rgb(248, 249, 250);
  --gray-light: rgb(242, 242, 242);
  --silver: rgb(229, 229, 229);
  --blue: rgb(19, 57, 107);
  --link: rgb(40, 40, 40);
  --secondary: rgb(93, 93, 93);
  --mute: rgb(175, 175, 175);
  --white: rgb(255, 255, 255);
  --black: rgb(0, 0, 0);
  --dark: rgb(35, 35, 35);
  --light: rgb(120, 120, 120);
  --top-nav: 5.5rem;
  --top-nav-sm: 4rem;
  --logo-size: 50px;
  --left-pad: 4rem;
  --left-sm: 20px;
  --right-pad: 30px;
  --fw-bold: 700;
  --fw-normal: 400;
  --fw-light: 200;
  --font-sans: "Noto Sans SC", "-apple-system", "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "ST Heiti", "SimHei";
  --font-family: "-apple-system", "Noto Sans", "Helvetica Neue", "Helvetica", "Nimbus Sans L", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "ST Heiti", "SimHei";
}

html { font-size: 100%; min-height: 100% }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, form, fieldset, legend, figure, table, th, td, caption, hr, input, button, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { font-weight: var(--fw-normal); position: relative; margin: 0; padding: 0; }
body { font-family: var(--font-family); color: var(--normal); font-size: .7rem; line-height: 1.8; /*-webkit-font-smoothing: antialiased;*/ }
@media screen and (min-width:1200px){html{font-size:110%}}@media screen and (min-width:1400px){html{font-size:115%}}@media screen and (min-width:1600px){html{font-size:120%}}@media screen and (min-width:1900px){html{font-size:125%}}@media screen and (min-width:2500px){html{font-size:127.5%}}@media screen and (min-width:3000px){html{font-size:130%}}@media screen and (-webkit-min-device-pixel-ratio:1.25),screen and (min-resolution:120dpi){html{font-size:90%}@media screen and (min-width:1200px){html{font-size:98%}}@media screen and (min-width:1400px){html{font-size:102%}}@media screen and (min-width:1600px){html{font-size:106%}}@media screen and (min-width:1900px){html{font-size:110%}}@media screen and (min-width:2500px){html{font-size:112%}}}@media screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-resolution:144dpi){html{font-size:85%}@media screen and (min-width:1200px){html{font-size:90%}}@media screen and (min-width:1400px){html{font-size:100%}}@media screen and (min-width:1600px){html{font-size:105%}}@media screen and (min-width:1900px){html{font-size:115%}}@media screen and (min-width:2500px){html{font-size:125%}}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){}
h1,h2,h3,h4,h5,h6 { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
video { max-width: 100%; width: 100%; object-fit: cover; }
[hidden], template { display: none; }
a, button { transition: all .3s; }
a { color: var(--link); text-decoration: none; display: inline-block; position: relative; }
a:hover { text-decoration: none; color: var(--primary); outline: none; }
a:focus, a:active, button:hover, button:focus, button:active, input:focus, textarea:focus, li:focus { text-decoration: none; color: inherit; outline: none; }
button, a { -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; background: transparent; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
button:hover { color: var(--primary); }
a, span, div, section, dl, dt, dd, i, em, label { font-style: normal; position: relative; }
li { list-style: none; }
input, textarea, button { font-family: var(--font-family) }
input, textarea { font-size: .7rem; width: 100%; resize: none; transition: border .3s, background-color .3s; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; }
a:hover .no-hover { color: inherit; background: initial; }
/*strong, .strong { font-weight: normal; }*/
img { max-width: 100%; max-height: 100%; height: auto; vertical-align: top; }
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--secondary); }
hr.min { margin-top: 0; margin-bottom: 0; }
dl, dt, dd { line-height: inherit; }
a.block span { position: relative; display: block; }
.normal { font-weight: normal; font-style: normal; font-size: initial; }
.mobile-break { display: none; }
.inline { position: relative; display: inline; vertical-align: top; letter-spacing: normal; }
.block { position: relative; display: block; }
.nowrap, .ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.multi-ellipsis { display: -webkit-box !important; overflow: hidden; word-break: break-word; -webkit-box-orient: vertical; }
.gray { color: var(--gray); }
.white { color: white; }
.black { color: var(--black); }
.primary { color: var(--primary); }
.silver { color: var(--silver); }
.mute { color: var(--mute); }
.dark { color: var(--dark); }
.light { color: var(--light); }
.bg-gray { background-color: var(--gray); }
.bg-silver { background-color: var(--silver); }
.none { display: none; }
.noevent { pointer-events: none; }
.full-size { position: relative; overflow: hidden; width: 100%; height: 100%; }
.full-height { height: 100%; }
.full-width { width: 100%; height: auto; vertical-align: top; }
.abs { position: absolute; top: 0; left: 0; width: 100%; }
.bgs-cover, .bgs-contain { background-repeat: no-repeat; background-position: center center; }
.bgs-cover { background-size: cover; }
.bgs-contain { background-size: contain; }
.bgp-left-top { background-position: left top; }
.bgp-center-top { background-position: center top; }
.at-middle { display: flex !important; align-items: center; flex-wrap: wrap; }
.v-middle { display: flex; align-items: center; justify-content: left; }
.cxany-valign-middle span, .cxany-valign-middle img, .cxany-valign-middle i { display: inline-block; float: none; vertical-align: middle; }
.left-pad { padding-left: var(--left-pad) }
.right-pad { padding-right: var(--right-pad) }
.fs-light { font-weight: 200; -webkit-font-smoothing: antialiased ; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fs-9{font-size:.45rem}.fs-10{font-size:.5rem}.fs-11{font-size:.55rem}.fs-12{font-size:.6rem}.fs-13{font-size:.65rem}.fs-14{font-size:.7rem}.fs-15{font-size:.75rem}.fs-16{font-size:.8rem}.fs-17{font-size:.85rem}.fs-18{font-size:.9rem}.fs-19{font-size:.95rem}.fs-20{font-size:1rem}.fs-21{font-size:1.05rem}.fs-22{font-size:1.1rem}.fs-23{font-size:1.15rem}.fs-24{font-size:1.2rem}.fs-25{font-size:1.25rem}.fs-26{font-size:1.3rem}.fs-27{font-size:1.35rem}.fs-28{font-size:1.4rem}.fs-29{font-size:1.45rem}.fs-30{font-size:1.5rem}.fs-31{font-size:1.55rem}.fs-32{font-size:1.6rem}.fs-33{font-size:1.65rem}.fs-34{font-size:1.7rem}.fs-35{font-size:1.75rem}.fs-36{font-size:1.8rem}.fs-37{font-size:1.85rem}.fs-38{font-size:1.9rem}.fs-39{font-size:1.95rem}.fs-40{font-size:2rem}.fs-42{font-size:2.1rem}.fs-44{font-size:2.2rem}.fs-46{font-size:2.3rem}.fs-48{font-size:2.4rem}.fs-50{font-size:2.5rem}.fs-52{font-size:2.6rem}.fs-54{font-size:2.7rem}.fs-56{font-size:2.8rem}.fs-58{font-size:2.9rem}.fs-60{font-size:3rem}.fs-62{font-size:3.1rem}.fs-64{font-size:3.2rem}.fs-66{font-size:3.3rem}.fs-68{font-size:3.4rem}.fs-70{font-size:3.5rem}.fs-72{font-size:3.6rem}.fs-74{font-size:3.7rem}.fs-76{font-size:3.8rem}.fs-78{font-size:3.9rem}.fs-80{font-size:4rem}.fs-82{font-size:4.1rem}.fs-84{font-size:4.2rem}.fs-86{font-size:4.3rem}.fs-88{font-size:4.4rem}.fs-90{font-size:4.5rem}.fs-92{font-size:4.6rem}.fs-94{font-size:4.7rem}.fs-96{font-size:4.8rem}.fs-98{font-size:4.9rem}.fs-100{font-size:5rem}
.p-t{padding-top:5rem}.p-t-lg{padding-top:8rem}.p-t-md{padding-top:4rem}.p-t-sm{padding-top:2.5rem}.p-t-xs{padding-top:1.5rem}.p-t-min{padding-top:.75rem}.p-b{padding-bottom:5rem}.p-b-lg{padding-bottom:8rem}.p-b-md{padding-bottom:4rem}.p-b-sm{padding-bottom:2.5rem}.p-b-xs{padding-bottom:1.5rem}.p-b-min{padding-bottom:.75rem}.m-t{margin-top:5rem}.m-t-lg{margin-top:8rem}.m-t-md{margin-top:4rem}.m-t-sm{margin-top:2.5rem}.m-t-xs{margin-top:1.5rem}.m-t-min{margin-top:.75rem}.m-b{margin-bottom:5rem}.m-b-lg{margin-bottom:8rem}.m-b-md{margin-bottom:4rem}.m-b-sm{margin-bottom:2.5rem}.m-b-xs{margin-bottom:1.5rem}.m-b-min{margin-bottom:.75rem}.m-l{margin-right:5rem}.m-l-lg{margin-left:8rem}.m-l-md{margin-left:4rem}.m-l-sm{margin-left:2.5rem}.m-l-xs{margin-left:1.5rem}.m-l-min{margin-left:.75rem}.m-r{margin-right:5rem}.m-r-lg{margin-right:8rem}.m-r-md{margin-right:4rem}.m-r-sm{margin-right:2.5rem}.m-r-xs{margin-right:1.5rem}.m-r-min{margin-right:.75rem}.l-h-lg{line-height:2.5}.l-h-md{line-height:2.2}.l-h-sm{line-height:2}.l-h-xs{line-height:1.6}.l-h-2-8{line-height:2.8}.l-h-2-7{line-height:2.7}.l-h-2-6{line-height:2.6}.l-h-1-4{line-height:1.4}.l-h-1-3{line-height:1.3}.l-h-1-2{line-height:1.2}.l-h-1-1{line-height:1.1}.l-h-1{line-height:1}@media screen and (min-width:1900px){.p-t{padding-top:6rem}.p-b{padding-bottom:6rem}.m-t{margin-top:6rem}.m-b{margin-bottom:6rem}.p-t-md{padding-top:5rem}.p-b-md{padding-bottom:5rem}.m-t-md{margin-top:5rem}.m-b-md{margin-bottom:5rem}}
[data-clamp="2"] { -webkit-line-clamp: 2; } [data-clamp="3"] { -webkit-line-clamp: 3; } [data-clamp="4"] { -webkit-line-clamp: 4; } [data-clamp="5"] { -webkit-line-clamp: 5; }
[class*="icon-"] { display: inline-block; }
.row { margin-right: 0; margin-left: 0; position: relative; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-right: 0; padding-left: 0; }
.spacing-1 { margin-right: -1px; margin-left: -1px; }
.spacing-1 [class^="col-"] { padding-right: 1px; padding-left: 1px; }
.spacing-2 { margin-right: -2px; margin-left: -2px; }
.spacing-2 [class^="col-"] { padding-right: 2px; padding-left: 2px; }
.spacing-5 { margin-right: -.25rem; margin-left: -.25rem; } .spacing-5 [class^="col-"] { padding-right: .25rem; padding-left: .25rem; }
.spacing-7 { margin-right: -.35rem; margin-left: -.35rem; } .spacing-7 [class^="col-"] { padding-right: .35rem; padding-left: .35rem; }
.spacing-10 { margin-right: -.5rem; margin-left: -.5rem; }
.spacing-10 [class^="col-"] { padding-right: .5rem; padding-left: .5rem; }
.spacing-15 { margin-right: -.75rem; margin-left: -.75rem; }
.spacing-15 [class^="col-"] { padding-right: .75rem; padding-left: .75rem; }
.spacing-20 { margin-right: -1rem; margin-left: -1rem; }
.spacing-20 [class^="col-"] { padding-right: 1rem; padding-left: 1rem; }
.spacing-25 { margin-right: -1.25rem; margin-left: -1.25rem; }
.spacing-25 [class^="col-"] { padding-right: 1.25rem; padding-left: 1.25rem; }
.spacing-30 { margin-right: -1.5rem; margin-left: -1.5rem; }
.spacing-30 [class^="col-"] { padding-right: 1.5rem; padding-left: 1.5rem; }
.spacing-35 { margin-right: -1.75rem; margin-left: -1.75rem; }
.spacing-35 [class^="col-"] { padding-right: 1.75rem; padding-left: 1.75rem; }
.spacing-40 { margin-right: -2rem; margin-left: -2rem; }
.spacing-40 [class^="col-"] { padding-right: 2rem; padding-left: 2rem; }
.spacing-50 { margin-right: -2.5rem; margin-left: -2.5rem; }
.spacing-50 [class^="col-"] { padding-right: 2.5rem; padding-left: 2.5rem; }

a.block span.inline { display: inline-block; }
.btn-inline { line-height: 40px; width: 100%; height: 40px; transition: background .3s; color: white; background-color: rgb(214, 216, 221); }
.btn-inline:hover { background-color: rgb(56, 101, 199); }
.ratio { position: relative !important; display: block; overflow: hidden; }
.ratio .inner { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; }
.ratio > img { position: absolute; z-index: -1; top: 0; left: 0; width: 1px; height: 1px; }
.ratio-16-10 { padding-top: 62.5%; }
.ratio-16-9 { padding-top: 56.25%; }
.ratio-9-16 { padding-top: 177.7777%; }
.ratio-1-1 { padding-top: 100%; }
.ratio-2-1 { padding-top: 50%; }
.ratio-3-1 { padding-top: 33.3333%; }
.ratio-3-2 { padding-top: 66.6666%; }
.ratio-2-3 { padding-top: 133.3333%; }
.ratio-4-3 { padding-top: 75%; }
.ratio-1-2 { padding-top: 150%; }
.ratio-1-3 { padding-top: 300%; }
.hover-zoom { transition: all .36s ease; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
a:hover .hover-zoom, li:hover .hover-zoom, .has-hover:hover .hover-zoom { -webkit-transform: scale(1.1); transform: scale(1.1); }
.window-height { height: 100vh; transition: opacity .8s; opacity: 0; }
.window-height.show-me { opacity: 1; }
.wow { visibility: hidden; opacity: 0; }
.wow-loaded .wow { opacity: 1; }
.ani { transition: all .3s; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; }
.noani { transition: none !important; }
.flex, [class*="flex-"] { display: flex; }
.flex-sb { justify-content: space-between; }
.flex-cc { align-items: center; justify-content: center; }
.flex-cs { align-items: center; justify-content: flex-start; }
.flex-ce { align-items: center; justify-content: flex-end; }
.flex-cb { align-items: center; justify-content: space-between; }

/* Frame Defined */
.frame-full, .frame-wide, .frame-middle, .frame-narrow { position: relative; width: auto; margin-right: auto; margin-left: auto; }
.frame-full, .frame-wide { padding-left: var(--left-pad); padding-right: var(--left-pad); }
.frame-middle, .frame-narrow { max-width: 100%; padding-left: var(--left-sm); padding-right: var(--left-sm); }
@media screen and (min-width:1280px) {
  .frame-narrow { max-width: 830px; }
  .frame-middle { max-width: 1230px; }
}
@media screen and (min-width:1440px) {
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1900px) {

}
@media screen and (min-width:2500px) {
}

/* Main */
body { overflow-x: hidden; background-color: white; color: var(--normal); }
main { width: 100%; margin: 0; }
main:after { display: table; clear: both; content: ""; }
.menu-mask { content: ""; display: block; position: fixed; width: 100%; height: 100%; left: 99999999rem; top: 0; z-index: 20; background-color: rgb(0, 0, 0); opacity: .7; pointer-events: none; }

/* Heading Top Navigation */
.top-nav { position: fixed; display: flex; justify-content: space-between; width: 100%; background-color: white; z-index: 990; top: 0; left: 0; width: 100%; height: var(--top-nav); transition: all .05s linear; }
.top-nav:after { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; background-color: var(--primary); z-index: 11; pointer-events: none; }
.top-nav .row-nav { width: 100%; }
.main-nav-bar, .top-nav-menu, .tnm-con, .tnm-con dl, .tnm-con dt { height: 100%; }
.main-nav-bar .top-row { display: flex; align-items: center; justify-content: flex-end; padding-right: 2rem }
.top-nav-menu { line-height: 1.5rem; margin-right: 2rem; z-index: 8 }
.top-nav-logo { float: left; display: flex; align-items: center; z-index: 9; width: 11rem; height: 100% }
.top-nav-logo h1 { display: block; width: 100%; height: 2.5rem; transition: height .15s linear; }
.top-nav-logo h1 a { display: block; height: 100%; transition: none; }
.top-nav-logo img { position: absolute; left: 0; width: auto; }
.top-nav-menu dt { text-align: center; background-color: white; z-index: 11 }
.top-nav-menu dt a { font-size: .8rem; line-height: 1.5rem; position: relative; z-index: 3; display: block; height: 100%; padding-right: 1rem; padding-left: 1rem; white-space: nowrap; display: flex; align-items: center; }
.top-nav-menu dt.active a, .top-nav-menu dt a:hover { color: var(--primary) }
.top-nav-menu .current dt a { color: var(--primary) }
.desktop .top-nav-menu dl:hover .top-sub-menu, .desktop .top-nav-menu dl:hover:after { pointer-events: initial; opacity: 1; transform: none; }
.top-nav-menu dl:last-child dt { padding-right: 0 }
.top-sub-menu { position: absolute; z-index: 2; top: auto; left: 0; width: 100%; transition: all .5s; pointer-events: none; opacity: 0; transform: translateY(-100%); }
.top-sub-menu:before { position: absolute; top: unset; width: 50000px; min-height: 16rem; left: -10000px; content: ""; background-color: var(--gray); z-index: 0 }
.top-sub-nav a { height: auto; display: block; text-align: center; line-height: 2.9rem; font-size: .8rem; }
.top-sub-nav a:after { content: ""; transition: opacity .3s; position: absolute; width: 50000px; height: 100%; left: -10000px; top: 0; background-color: white; opacity: 0; z-index: -1; }
.top-sub-nav a:hover:after { opacity: 1; }
.top-sub-nav a.active { color: var(--primary); }
.tnm-con:before { content: ""; position: absolute; width: 50000px; left: -10000px; height: 100%; top: 0; background-color: white; z-index: 5; }
.top-quick { z-index: 9; }
.top-lang { font-size: .8rem; }
.top-lang a { display: inline-block; line-height: 1.5rem; }
.top-lang a:hover, .top-search a:hover { color: var(--primary) }
.top-member a { display: flex; align-items: center; justify-content: center; width: 1.4rem; height: 1.4rem; border-radius: 100%; background-color: var(--silver); font-size: 1rem;/* margin-left: 2.5rem;*/ }
.top-nav-menu .visible-inline-xs { display: none }
.top-toggle-nav { display: none; }
.top-search { padding-left: 1.5rem; padding-right: 1.5rem; }
.footer-search { max-width: 10rem; width: 2rem; height: 1.5rem; }
.footer-search input[type="text"] { line-height: 1rem; height: 1.5rem; width: 100%; border-radius: 0; border: 1px solid rgb(200, 200, 200); padding: .25rem 3rem .25rem .25rem; width: 0; padding: 0; display: none; font-size: .65rem; background-color: transparent }
.footer-search button { background-color: transparent; border: 0; font-size: 1.2rem; position: absolute; right: .5rem; top: 0; height: 100%; display: flex; align-items: center; }
.desktop .fixed-tn .top-nav { transition: all .25s linear; position: fixed; height: var(--top-nav-sm); background-color: rgb(255, 255, 255); box-shadow: 0 0 15px rgba(0, 0, 0, .05) }
.desktop .fixed-tn .top-nav-logo h1 { height: 1.75rem; }
.desktop .hide-top-nav .top-nav { transform: translateY(-105%); }


/* Button */
.b-border { background-color: var(--primary); color: white; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; white-space: nowrap; max-width: 8rem; height: 2.5rem; padding-left: 1.25rem; padding-right: 1.25rem; }
.b-border>i { transition: all .3s; }
.b-border.b-icon { height: 1.75rem; padding: 0; min-width: 1.75rem; justify-content: center; }
.b-border.b-icon>i { transition: none; }
.b-border:hover { color: white; }
.b-border:not(.b-icon):hover>i { transform: translateX(.5rem); }
.b-border.b-icon:hover { background-color: var(--dark); }
.b-border.b-nobg { padding-left: 0; background-color: transparent; color: var(--primary); }


/* Grid */
.grid { display: flex; list-style: none; flex-wrap: wrap; }
.grid [class*="width-"] { max-width: 100%; flex-shrink: 0; }
.width-1-8 { width: 12.5%; }
.width-2-8, .width-1-4 { width: 25%; }
.width-1-5 { width: 20%; }
.width-3-8 { width: 37.5%; }
.width-4-8, .width-1-2 { width: 50%; }
.width-5-8 { width: 62.5%; }
.width-6-8, .width-3-4 { width: 75%; }
.width-7-8 { width: 87.5%; }
.width-1-3 { width: 33.3333%; }
.width-2-3 { width: 66.6666%; }
.width-1-6 { width: 16.6666%; }
.width-1-7 { width: 14.285%; }
.width-1-10 { width: 10%; }
.width-auto { flex-grow: 1; }
.grid.spacing-10>[class*="width-"] { padding-right: .5rem; padding-left: .5rem; }

/* Home */
.slides-list, .slides-list li, .bx-wrapper, .bx-viewport { position: relative; height: 100%; }
.slick-list, .slick-track { overflow: hidden; height: inherit; }
.slick-dots { z-index: 3; bottom: 2.25rem; line-height: 1; font-size: 0; left: 0; }
.slick-dots li { width: auto; height: .5rem; margin-right: .65rem; margin-left: .65rem; padding: 0; transition: all .5s; }
.slick-dots li button { width: .5rem; height: 100%; margin: 0; padding: 0; border-radius: .25rem; background-color: rgb(240, 240, 240); }
.slick-dots li button:before { display: none; }
.slick-dots li.slick-active button { background-color: var(--red); }
.dot-primary .slick-dots li button { background-color: white; }
.dot-primary .slick-dots li.slick-active button { background-color: rgb(30, 80, 164); }
.slick-prev, .slick-next { z-index: 2; overflow: hidden; width: 4.5rem; height: 4.5rem; line-height: 4.5rem; text-align: center; background-color: rgba(0, 0, 0, .45); }
.slick-prev { left: auto; right: 0; }
.slick-next { right: 4.55rem; }
.slick-prev:before, .slick-next:before { font-family: "cxany"; font-size: 2rem; transition: color .3s; color: white; vertical-align: middle; }
.slick-prev:hover:before, .slick-next:hover:before { color: var(--gold); }
.slick-prev:before { content: "\c1021"; }
.slick-next:before { content: "\c1022"; }
.slick-dark-nav .slick-prev:before, .slick-dark-nav .slick-next:before { color: transparent; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: rgba(0, 0, 0, .55); }
.slides-nav { top: 30%; }
.slides-nav a { line-height: 1; position: absolute; top: 50%; display: inline-block; }
.slides-nav i { vertical-align: top; }
.slides-nav-prev { left: 0; -webkit-transform: translateX(-80%) translateY(-50%); transform: translateX(-80%) translateY(-50%); }
.slides-nav-next { right: 0; -webkit-transform: translateX(80%) translateY(-50%); transform: translateX(80%) translateY(-50%); }
.slick-track { margin-left: auto; margin-right: auto; }

@media screen and (min-width:1900px) {
  .slides-nav-prev { -webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%); }
  .slides-nav-next { -webkit-transform: translateX(100%) translateY(-50%); transform: translateX(100%) translateY(-50%); }
}

.desktop .home .hsec-banner>div { padding-top: var(--top-nav); }
.desktop .home .fixed-tn .hsec-banner>div { padding-top: var(--top-nav-sm); }

.banner-wrapper { height: 100vh; }
.home-slides { height: calc(100% - 7rem); }
.home-slides .slick-dots { bottom: 1.5rem; }
.home-slides .slick-dots li { margin-left: .25rem; margin-right: .25rem; }
.home-slides .slick-dots li button { width: .25rem; height: 2px; background: white; border: 0; }
.home-slides .slick-dots li.slick-active button { background: var(--primary); width: 1.5rem; }
.home-slides .slick-arrow { transition: all .3s; opacity: 0; color: white; background-color: transparent; }
.home-slides .slick-arrow:before { font-size: 1.4rem; }
.home-slides:hover .slick-arrow { opacity: 1; }
.home-slides .slick-prev { left: 6%; }
.home-slides .slick-next { right: 6%; }
.hsec-banner>.fp-tableCell { vertical-align: top; padding-top: var(--top-nav) }

.slides-info { height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-end; }
.hsi-con { width: 50%; height: 10rem; }
.hsi-con img { max-height: 100%; width: auto; }

h3.title { font-size: 2rem; line-height: 1.1; }
h3.title.left-line { padding-left: 2rem; }
h3.title.left-line:before { content: ""; position: absolute; height: 100%; width: .2rem; left: 0; top: 0; background-color: var(--primary); }
h3.title-sm { font-size: 1.2rem; }
h3.title-sm.left-line:before { content: ""; position: absolute; height: 100%; width: .15rem; left: 0; top: 0; background-color: var(--primary); }
h3.title-sm.left-line { padding-left: 1.25rem; }
.hcom-overview { max-width: 33rem; padding-top: 1.75rem; padding-bottom: 3.25rem; line-height: 2.3; text-align: justify; }

.home-news { height: 7rem; }
.home-news dt {  }
.home-news dd { font-size: .6rem; padding-left: 2.5rem; margin-left: 2.5rem; border-left: 1px solid var(--mute); }
.home-news dd a { display: block; line-height: 2.3; }
.home-news dd a>em { display: inline-block; color: var(--primary); }

/* home about */
.hsec-about>div { padding-top: var(--top-nav-sm); padding-bottom: 2rem; }
.habout-con { width: 100%; }
.habout-list { height: 18rem; width: 100%; }
.habout-nav { width: 10.5rem; flex-shrink: 0; background-color: var(--gray-light); }
.habout-desc { flex-grow: 1; background-color: white; }
.habout-nav a { display: block; height: 20%; display: flex; align-items: center; padding-left: 2rem; }
.habout-nav a.active { color: var(--primary); }
.habout-nav:before, .habout-nav:after { transition: all .3s; content: ""; position: absolute; height: 20%; width: 100%; left: 0; top: 0; }
.habout-nav:before { background-color: white; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.habout-nav:after { width: .25rem; background-color: var(--primary); }
.habout-nav[data-id="1"]:before, .habout-nav[data-id="1"]:after { top: 20%; }
.habout-nav[data-id="2"]:before, .habout-nav[data-id="2"]:after { top: 40%; }
.habout-nav[data-id="3"]:before, .habout-nav[data-id="3"]:after { top: 60%; }
.habout-nav[data-id="4"]:before, .habout-nav[data-id="4"]:after { top: 80%; }
.hadi-txt { width: 19rem; transition: all .3s; padding: 2.75rem 2.25rem 0 2.25rem; transform: translateY(30%); opacity: 0; overflow: hidden; flex-shrink: 0; }
.hadi-txt h4 { padding-bottom: 2rem; }
.hadi-con { line-height: 2; text-align: justify; -webkit-line-clamp: 7; }
.hadi-img { flex-grow: 1; height: 18rem; }
.habout-item { max-height: calc(100% - 1rem); }
.habout-item.active .hadi-txt { opacity: 1; transform: none; }

/*.phone .hsec-banner { height: 48rem }*/
.phone .btn-top, .phone .ashis-more { right: 0; }

/* home business */
.hsec-business>div { padding-top: var(--top-nav-sm); padding-bottom: 2rem; }
.hbus-list .ratio-2-3 { padding-top: 150%; }
.flex-hbus-txt { position: absolute!important; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; display: flex!important; align-items: center; justify-content: center; height: 100%; z-index: 3; }
.flex-hbus-txt strong { font-size: 1.1rem; transition: all .3s; color: white; font-weight: var(--fs-light); }
.hbus-list .inner:before, .hbus-list .inner:after { content: ""; position: absolute; left: 0; width: 100%; transition: all .3s; }
.hbus-list .inner:before { top: 0; height: 100%; background-color: var(--black); opacity: .25; }
.hbus-list .inner:after { bottom: 0; height: 100%; background-color: var(--primary); z-index: 2; transform: translateY(calc(100% - .25rem)); }
.desktop .hbus-list a:hover strong { transform: translateY(-1rem); }
.hbus-list a:hover .inner:after { transform: none; opacity: .9; }


/* home welfare */
.hsec-welfare>div { padding-top: var(--top-nav-sm); }
.hwel-con { width: 24rem; padding-right: 5rem; padding-top: 3rem; }
.hwel-gallery { flex-grow: 1; }
.hwelg-more { position: absolute; right: 0; bottom: 0; padding-left: 0; padding-right: 0; z-index: 2; }
.hwelg-list, .hwelg-list>li { height: 100%; }


/* home talent */
.hsec-talent .htal, .hsec-talent .main-footer { padding-top: var(--top-nav-sm); }
.htal { padding-top: 5rem; padding-bottom: 5rem; }
.htal-con { width: 100%; height: 20rem; padding-left: 4rem; }
.htal-overview { line-height: 3.3; }

/* common footer */
.main-footer { border-top: 1px solid var(--primary); }
/*.home .main-footer { padding-bottom: 3.5rem; }*/

.footer-nav-menu { display: flex; padding-top: 3.75rem; padding-bottom: 8rem; }
.footer-nav-menu .fnm-item a { display: block }
.footer-nav-menu dt a { line-height: 1.25; padding-bottom: 1.25rem; }
.footer-nav-menu .fnm-item dd>a { line-height: 2.5; }
.footer-nav-menu dl { width: 25% }
.footer-nav-menu dl:not(:last-child) { padding-right: .5rem; margin-right: 2.5rem; border-right: 1px solid rgb(200, 200, 200) }
.footer-social { position: absolute; margin-top: .75rem; }
.footer-social a { display: block; width: 1.4rem; height: 1.4rem; text-align: center; line-height: 1.4rem; color: white; font-size: 1.1rem; margin-right: 1rem; background-color: var(--primary); border-radius: 4px; }
.footer-social a>i { margin-top: 2px; }
.footer-social a:hover { background-color: var(--dark); }
.footer-copyright { background-color: rgb(77, 77, 77); height: 3.5rem; }
.fcopy-con { height: 100%; }
.footer-copyright, .footer-copyright a { color: white; }
.footer-copyright a:hover { color: var(--primary); }
.btn-top { position: absolute; margin-left: auto; top: -4rem; right: -10rem; height: 2.5rem; width: 2.5rem; background-color: var(--primary); color: white; }
.btn-top:hover { background-color: var(--dark); color: white; }

.iScrollVerticalScrollbar { z-index: -1; opacity: 0; pointer-events: none; }

/* sub banner*/
.sub-body body { padding-top: var(--top-nav); }
.sban-con { height: 24rem; }
.acom-overview { max-width: 45rem; line-height: 2; }

.about-profile { padding-top: 5rem; padding-bottom: 4rem; }

.sub-nav { height: var(--top-nav-sm); }
.sub-nav .left-nav { width: 100%; left: 0; top: 0; height: var(--top-nav-sm); border-bottom: 1px solid rgb(210, 210, 210); z-index: 9; }
.sub-nav .left-nav>ul, .sub-nav .left-nav li, .sub-nav .left-nav li>a { height: 100%; }
.sub-nav .left-nav a { margin-right: 1.5rem; color: var(--secondary); display: flex; align-items: center; border-bottom: 2px solid transparent; }
.sub-nav .left-nav a:hover, .sub-nav .left-nav a.active { color: var(--primary); }
.sub-nav .left-nav a.active { border-color: var(--primary); }

.ahisnav-con { height: 18rem; }
.ahisnav-title { width: 16.5rem; }

.ahisnav-list a { display: block; line-height: 1rem; padding-bottom: 2rem; text-align: center; width: 8rem; color: var(--primary) }
.ahisnav-list a:before, .ahisnav-list a:after, .ahisnav-list:after { content: ""; position: absolute; background-color: rgba(255,255,255,.5) } 
.ahisnav-list a:before { width: 14px; height: 14px; border-radius: 100%; bottom: 3px; left: 50%; margin-left: -7px; background-color: white; z-index: 1; opacity: 0; }
.ahisnav-list a:after { width: 20px; height: 20px; border-radius: 100%; bottom: 0; left: 0; left: 50%; margin-left: -10px; }
.ahisnav-list:after { width: calc(100% - 8rem); height: 3px; bottom: 9px; left: calc(3.5rem + 10px); }
.ahisnav-list a:hover:before, .ahisnav-list li.active a:before { opacity: 1; }
.ahis-desc { padding-top: 3rem; padding-bottom: 5rem; }
.ahis-list .slick-track>li { padding-right: 3rem; }
.ahis-list .slick-track>li>strong { display: block; line-height: 1; padding-bottom: .75rem; border-bottom: 1px solid var(--primary); margin-bottom: 2rem; }
.ahis-item { /*width: 19rem;*/ line-height: 1.6; padding-left: .5rem; padding-right: .5rem; padding-bottom: .5rem; }
.ahis-item dt { white-space: nowrap; flex-shrink: 0; margin-right: 1rem; }
.ahis-item dd { flex-grow: 1; text-align: justify; }
.ashis-more { bottom: 5rem; right: -.75rem; }

.about-org { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.aorg-con { padding-top: 3rem; }
.aorgc-img { flex-shrink: 0; width: 25rem; }
.aorgc-txt { color: var(--secondary); line-height: 3.85; padding-left: 2.5rem;  }
.aorgc-txt strong { color: var(--black); font-weight: 700; }

.about-brand { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.abrand-con dt { padding-top: 1rem; padding-bottom: 40px; }
.abrand-item { padding-top: 45px; }
.abrand-item:before { content: ""; position: absolute; height: 45px; top: 0; width: 1px; left: 50%; background-color: var(--silver); }
.abrand-item em { font-style: normal; color: var(--dark); height: 6.5rem; background-color: rgb(232, 232, 232); text-align: center; }
.abrand-item em:after { content: ""; position: absolute; transition: all .3s; width: 100%; height: 3px; left: 0; bottom: 0; background-color: var(--primary); transform-origin: left center; transform: scaleX(0); }
.abrand-item.active em:after { transform: none; }
.abrand-item:hover em { color: var(--primary); }
.abrand-nav { margin-bottom: 3rem; }
.abrand-nav:before, .abrand-nav:after { content: ""; position: absolute; background-color: var(--silver); }
.abrand-nav:before { top: 0; left: 10%; width: calc(100% - 20%); height: 1px; }
.abrand-nav:after { top: -40px; left: 50%; width: 1px; height: 40px; /*margin-left: -1px;*/ }
.abrand-desc { max-width: 45rem; line-height: 2; }

.about-qua { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.aquali-txt { line-height: 3.5rem; }
.aqua-more { bottom: 3.5rem; position: absolute; right: .9rem;  }

/* business */
.bus-con { padding-top: 5rem; padding-bottom: 5rem; }
.business-list:nth-child(even) { background-color: var(--gray); }
.buscom-overview { line-height: 1.8; max-width: 20rem; padding-bottom: 1rem; }
.busc-item dd { width: 29.25rem; flex-shrink: 0; }

/* news */
.newshome-list:first-child { padding-top: 5.5rem; }
.newshome-list:last-child { padding-bottom: 3rem; }
.newshome-list:not(:first-child) .newshome-item { padding-top: 2.75rem; padding-bottom: 5rem; margin-top: 4.75rem; border-top: 1px solid var(--silver); }
.newshome-item dt { padding-bottom: 3.25rem; align-items: flex-end; }
.newshome-item dt a { line-height: 1; padding-top: .25rem; padding-left: 1rem; }
.newsi-txt { line-height: 1; }
.newsi-txt .subject { padding-top: 1.5rem; padding-bottom: 1.15rem; }
.newsi-txt .date { padding-bottom: 1rem; color: var(--secondary); }
.newsi-txt .overview { color: var(--secondary); line-height: 2.2; }
.news-list a:hover .subject, .newscats-list a:hover .subject { color: var(--primary); }
.newsi-img:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .3s; background-color: var(--primary); opacity: 0; z-index: 3; }
.news-list a:hover .newsi-img:before { opacity: .9; }

.sub-breadcrumb .left-nav a { margin-right: 0; }
.sub-breadcrumb i { margin-right: .5rem; margin-left: .5rem; width: 16px; color: var(--secondary) }

.newscats { padding-top: 5.5rem; padding-bottom: 5rem; }
.newscats-list { padding-top: 2.75rem; }
.newslist-item:not(:last-child) { border-bottom: 1px solid var(--primary); padding-bottom: 1.6rem; margin-bottom: 1.6rem; }
.newsli-img { width: 11rem; flex-shrink: 0; }
.newsli-txt { padding-left: 2rem; flex-grow: 1; }
.newsli-txt .subject { padding-top: .5rem; }
.newsli-txt .overview { line-height: 1.8; }

.pager-list a { display: inline-block; margin-left: 1px; margin-right: 1px; min-width: 2rem; height: 2rem; line-height: 2rem; text-align: center; color: rgb(128, 128, 128) }
.pager-list a.active { background-color: var(--primary); color: white!important }
.pager-list a:hover { color: var(--primary); }


.sub-nav.newsd-sn .left-nav a { border-bottom: 0; }
.newsd-heading { padding-top: 3.5rem; padding-bottom: 1.25rem; margin-bottom: 2rem; border-bottom: 1px solid var(--primary); }
.newsd-heading .subject { line-height: 1.5; padding-bottom: 1.5rem; }
.newsd-heading .date { line-height: 1; }
.newsd-desc { padding-bottom: 5.5rem; }
.newsd-rec .newsli-txt .subject { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.newsd-recommend { padding-bottom: 6rem; }

/* culture */
.culture-article { padding-bottom: 8rem; }
.culture-list { padding-top: 6.5rem; padding-bottom: 2rem; }
.culc-item dt { padding-bottom: 3.75rem; }
.culc-img { padding-bottom: 2.25rem; }

/* welfare */
.welfare-list { padding-top: 6.5rem; padding-bottom: 0; }
.welc-item dt { padding-bottom: 2.25rem; }
.welc-project { padding-top: 2rem; }
.welcp-list li>img { width: 100%; }
.welcp-img.ratio-3-1 { padding-top: 45%; }
.welcp-txt { padding: 1.5rem 5rem 1.5rem 0; line-height: 2; font-size: .7rem; }
.welcp-nav.pager-list { padding-top: 1.5rem; padding-bottom: 7rem; }

/* talent */

.talent-article .tal-item { max-width: 44rem;  }
.talent-job>ul { border-top: 1px solid var(--primary); padding-bottom: 5rem; max-width: 44rem; }

.ajl-item { padding-top: 1rem; padding-bottom: 0; border-bottom: 1px solid var(--primary); overflow: hidden; }
.ajl-item h4 { line-height: 2; }
.ajl-item h4 > span { text-align: center; flex-grow: 1; }
.ajl-item h4 span:nth-child(1) { width: 90%; text-align: left; }
.ajl-item h4 span:nth-child(2) { width: 10%; }
.ajl-item .ajl-header { line-height: 3.2rem; color: white; border: 0; background-color: rgb(13, 128, 255); }
.ajl-item .ajl-header span:first-child { padding-left: 1.5rem; }
.ajl-pos { line-height: 2.5; }
.ajl-title { line-height: 1rem; margin: .5rem 0; }
.ajlc-title { line-height: 2; }
.ajl-content { overflow: hidden; max-height: 5rem; line-height: 2; max-width: 35rem; }
.ajl-overview { line-height: 2; margin-bottom: 1.5rem; }
.ajl-overview li { margin-left: 20px; list-style: disc; }
.ajl-item.active .ajl-content { max-height: initial; }
.ajl-item h6 { position: absolute; bottom: 0; left: -25%; width: 125%; z-index: 2; text-align: right; background: white; height: 2rem; line-height: 2rem; }
.ajl-item h6 a { padding-right: 1rem; color: var(--primary) }
.ajl-item.active h6 { background-color: transparent; box-shadow: none; }
.ajl-item.active h6 a>i { transform: rotate(180deg); }
.ajl-item .btn-sign { justify-content: center; font-size: .75rem; max-width: 6.5rem; padding: 0; border-radius: 4px; }
.ajl-item.active .ajlc-con { overflow: initial; white-space: initial; text-overflow: initial; }

/* contact */
.contact-article { padding-top: 2rem; }
.contact-list { padding-top: 2.5rem; }
.con-desc { padding-top: 1.5rem; padding-bottom: 2rem; line-height: 2.5; }
.contact-list:first-child .con-item { border-bottom: 1px solid var(--silver); }
.consec-feedback { margin-top: 2rem; padding-top: 2.5rem; padding-bottom: 5rem; background-color: var(--gray) }
.conf-item { justify-content: flex-start; line-height: 2rem; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px dotted rgb(198, 198, 198); }
.conf-item:last-child, .conf-item.no-border { border-bottom: 0; }
.conf-item label { margin: 0; padding: 0; font-size: .8rem; width: 7.5rem; flex-shrink: 0 }
.conf-item>div.width-full { flex-grow: 1; }
.confi-text { height: 7rem; }
.btn-submit { width: 7rem; height: 2rem; }
.btn-reset { margin-left: 2.5rem; }
.group-auth { padding-top: 0; }


/* member */
.member body { background-color: transparent; }
.member-login { height: 700px; flex-direction: column; }
.hide-nav .top-nav { display: none; }
.hide-nav body { padding: 0; }
.fancybox-slide--iframe .fancybox-content { background-color: transparent; }
.fancybox-is-open .fancybox-bg { background-color: var(--silver); opacity: 1; }
.fancybox-toolbar { opacity: 1!important; visibility: visible!important;; }
.fancybox-button--close { width: auto; color: var(--normal); background-color: transparent; display: flex; align-items: center; padding-right: 2rem; padding-top: 1rem; font-size: .75rem; }
.fancybox-button--close svg { display: none; }
.fancybox-button--close:before { content: "\c1021"; font-family: "cxany"; }
.fancybox-button--close:after { content: "返回官网"; }
.fancybox-button--close:hover { color: var(--primary) }

/* Form */
input { outline: none!important; }
input[type="text"], textarea { transition: border .5s ease; font-size: .65rem; padding: 0 .8rem; font-weight: 400; font-family: "Arial"; line-height: 2rem; border: 1px solid rgb(198, 198, 198); background-color: white; z-index: 1; }
input[type="text"] { line-height: .9rem; padding-top: .5rem; padding-bottom: .5rem; }
input[type="text"].error, textarea.error, input[type="text"]:focus, textarea:focus { border-color: var(--primary); }
::-webkit-input-placeholder { color: rgb(157, 157, 157); }
:-moz-placeholder { color: rgb(157, 157, 157); }
::-moz-placeholder { color: rgb(157, 157, 157); }
:-ms-input-placeholder { color: rgb(157, 157, 157); }
.form-message { font-size: 0; line-height: 0; z-index: -9; display: none; visibility: hidden; height: 0; }
input[type="radio"], input[type="checkbox"] { display: inline-block; }
input[type="checkbox"], input[type="radio"] { margin: 0; position: relative; width: .65rem; height: .65rem; padding: 0; vertical-align: middle; border: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="checkbox"]:before, input[type="radio"]:before { transition: all .3s; font-family: "cxany"; font-size: .75rem; line-height: .75rem; border: 1px solid rgb(128, 128, 128); position: absolute; top: -.1rem; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; content: ""; text-align: center; }
input[type="checkbox"]:checked:before, input[type="radio"]:checked:before { content: ""; color: white; background-color: rgb(30, 80, 164); border: 0; }
input[type="checkbox"]:disabled:before, input[type="radio"]:disabled:before { color: rgb(103, 134, 157); background-color: rgb(235, 240, 242); }
input:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35); }
input:focus:-moz-placeholder { color: rgba(0, 0, 0, .35); }
input:focus::-moz-placeholder { color: rgba(0, 0, 0, .35); }
input:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus::-webkit-input-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus:-moz-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus::-moz-placeholder { color: rgba(0, 0, 0, .35); }
textarea:focus:-ms-input-placeholder { color: rgba(0, 0, 0, .35); }
::selection { background: var(--red); color: white; }
::selection { background: rgba(255, 87, 20, .8); color: white; }
ins[data-type="screen"] { display: none; content: "xs"; }
@media (min-width:768px) {
  ins[data-type="screen"] { content: "sm"; }
}
@media (min-width:992px) {
  ins[data-type="screen"] { content: "md"; }
}
@media (min-width:1200px) {
  ins[data-type="screen"] { content: "lg"; }
}
@media (min-width:1400px) {
  ins[data-type="screen"] { content: "lg xl"; }
}